<template>
  <div class="dashboard-container">

    <div class="contain" />
    <div class="top1">
      <div class="left1"><el-card style="height: 260px;">
        <p>机构概述</p>
        <div class="con">
          <div class="l">
            <h3>西三旗分拣中心</h3>
            <p>地址：北京顺义区天澜综合保税区123号</p>
            <p>负责人：赵五金 16712345678</p>
            <el-button type="primary">查看营业分布</el-button>
          </div>
          <div class="r">
            <div class="t1">
              <div class="l1">
                <p>分拣中心(个)</p>
                <span>1</span>
              </div>
              <div class="r1">
                <p>营业部(个)</p>
                <span>64</span>
              </div>
            </div>
            <div class="t1">
              <div class="l1">
                <p>司机人数(个)</p>
                <span>48</span>
              </div>
              <div class="r1">
                <p>快递员人数(个)</p>
                <span>64</span>
              </div>
            </div>
          </div>
        </div>
      </el-card> </div>
      <div class="right1"><el-card style="height: 260px;" /></div>
      <div class="left2"><el-card style="height: 260px;" /></div>
      <div class="right2"><el-card style="height: 260px;" /></div>
    </div>

    >>>>>>> 朱肖楠:src/views/dashboard/index.vue
  </div>
</template>

<script>

export default {

}
</script>

<style lang="scss" scoped>
.top1{
  width:100%;
  height: 700px;
  background-color: #c56666;
 display: inline-block;
}

.left1{
  width: 700px;
  height: 260px;
  background-color: #7147c0;
 float: left;
 margin-top: 40px;
 margin-left: 30px;

}

.left2{
  width: 700px;
  height: 260px;
  background-color: #7147c0;
 float: left;
 margin-top: 0px;
 margin-left: 30px;

}
.right1{
  width: 480px;
  height: 260px;
  background-color: #37db3c;
  float: left;
  margin: 40px;
}
.right2{
  width: 480px;
  height: 260px;
  background-color: #37db3c;
  float: left;
  margin: 40px;
  margin-top: 0;
}
.con{
 display: flex;
}
.l{
  height: 160px;
 width: 350px;
 border-right: 0.5px;

}
.r{
  height: 160px;
  width: 350px;

}
.t1{
  height: 80px;
  width: 350px;
  display: flex;
  justify-content:space-around;
}
</style>
